<!--
 * @Author: Shiire
 * @Date: 2022-02-21 01:46:31
 * @LastEditors: Shiire
 * @LastEditTime: 2022-07-28 01:37:54
 * @Description: 
 * @FilePath: \grapro\src\pages\Foods\index.vue
-->
<template>
  <div data-v-foods class="foods">
    <VideoZone :list="list"></VideoZone>
  </div>
</template>

<script>
import VideoZone from "@/components/VideoZone";

export default {
  name: "Foods",
  components: { VideoZone },
  data: function () {
    return {
      list: [],
    };
  },

  created() {
    this.getVideoList();
  },

  methods: {
    getVideoList() {
      this.axios
        .get(`/getVideoList`)
        .then((response) => {
          if (response.data.status === 200) {
            // console.log(response.data);
            this.list = response.data.data.filter((value) => {
              return value.region === 3;
            });

            // console.log(this.list);
          } else {
            console.log(response);
          }
        })
        .catch((err) => {
          console.log(err);
        });
    },
  },
};
</script>

<style lang="scss" scoped>
.foods[data-v-foods] {
  width: 100%;
  height: 100%;
  padding: 15px 10px;
  overflow: auto;
  &::-webkit-scrollbar {
    display: none;
  }
}
</style>